<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>好客微餐</title>
		<link rel="stylesheet" type="text/css" href="skin/css/jquery.mobile-1.4.2.min.css"/>
		<style type="text/css">
		.slider { width: 100%; overflow: hidden;  background-color: #000;}
		.slider .slide-group { position: relative;  font-size: 0;  white-space: nowrap;  -webkit-transition: all 0s linear; -moz-transition: all 0s linear;     transition: all 0s linear;}
		.slider .slide-group .slide {  display: inline-block;  width: 100%; height: 100%;  vertical-align: top;}
		.ui-content{ background-color:#FEFCFC;}
		.ui-content a{background: #FFEFE0;display: block;text-align: center; margin:0 10px;text-decoration: none;padding:10px 0;margin-bottom: 20px;border-radius: 10px;}
		</style>
		<script src="skin/js/sliders.js" type="text/javascript" charset="utf-8"></script>
		<script src="skin/js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="skin/js/jquery.mobile-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript" charset="utf-8">
		//取消浏览器的所有事件，使得active的样式在手机上正常生效
		document.addEventListener( "touchstart", function(e) {
		    return false;
		}, true );
		// 禁止选择
		document.oncontextmenu = function(){
			return false;
		};
		// H5 plus事件处理
		document.addEventListener( "plusready", function() {
			plus.ui.getSelfWindow().addEventListener( "back", function(){
			// Android处理返回键
				if ( confirm("确认退出？") ) {
					plus.runtime.quit();
				}
			}, false );
			plus.ui.closeSplashscreen();
		}, false );
		// 处理点击事件
		function clicked( id ) {
			if ( window.plus ) {
				plus.ui.createWindow( id, {name:id} ).show( "slide-in-right", 300 );
			} else {
				window.open( id );
			}
		}
			//防止链接跳转
			$(document).on('click tap','a', function(event) {
				if(window.plus){
					var openUrl = $(this).attr('href');
					if(openUrl!='' && openUrl!='#'){clicked(openUrl);
					return false; }
				}
			});
		</script>
	</head>
	<body>
		<div data-role="page">
			<div data-role="header" data-theme="b">
				<a href="test.html" data-ajax="false" class="ui-btn ui-btn-icon-notext ui-icon-gear">
					设置
				</a>
				<h1>好客微餐</h1>
				<a href="login.html" class="ui-btn-right ui-btn ui-corner-all ui-btn-icon-left ui-icon-user">登 录</a>
			</div><!-- /header -->
			<div class="slider">
				<div class="slide-group">
					<div class="slide"><img src="img/banner.jpg" alt="Argo" width="100%" height="210"></div>
					<div class="slide"><img src="http://goratchet.com/examples/app-movies/img/argo.png" alt="Argo" width="100%" height="210"></div>
					<div class="slide"><img src="http://goratchet.com/examples/app-movies/img/skyfall.png" alt="Skyfall" width="100%" height="210"></div>
				</div>
			</div>
			<div role="main" class="ui-content">
				<fieldset class="ui-grid-a">
				    <div class="ui-block-a">
				    	<a href="member.html">
							<img src="img/employee.png"/>
							<div style="color:#6f2b74;">
								员工管理
							</div>
						</a>
				    </div>
				    <div class="ui-block-b">
				    	<a href="settings.html">
							<img src="img/power.png"/>
							<div style="color:#10802c;">
								权限管理
							</div>
						</a>
					</div>
				</fieldset>
				<fieldset class="ui-grid-a">
				    <div class="ui-block-a">
				    	<a href="order.html">
							<img src="img/orderform.png"/>
							<div style="color:#8f7d01;">
								订单管理
							</div>
						</a>
				    </div>
				    <div class="ui-block-b">
				    	<a href="yuding.html">
							<img src="img/reserve.png"/>
							<div style="color:#871514;">
								预订管理
							</div>
						</a>
				    </div>
				</fieldset>
			</div><!-- /content -->


		</div><!-- /page -->
	</body>
</html>